$primary-color: #409eff; // 主色
$success-color: #67c23a; // 成功
$warning-color: #e6a23c; // 警告
$danger-color: #f56c6c; // 错误
$info-color: #909399; // 信息

$font-1-color: #303133; // 主要文字
$font-2-color: #606266; // 主要文字
$font-3-color: #909399; // 次要文字
$font-4-color: #c0c4cc; // 占位文字this.$el.scrollWidth
$font-5-color: #f0f5ff; // 占位文字this.$el.scrollWidth

$border-1-color: #dcdfe6; // 一级边框
$border-2-color: #e4e7ed; // 二级边框
$border-3-color: #ebeef5; // 三级边框
$border-4-color: #f2f6fc; // 四级边框

$black-color: #000000; // 基础黑色
$white-color: #ffffff; // 基础白色
$transparent-color: transparent; // 透明

// complement($color); // 互补色
// $contrast-color1: adjust-hue($primary-color, 60deg); // 对比色
// $contrast-color2: adjust-hue($primary-color, 120deg); // 对比色

// 淡化
@function tint($color, $percentage) {
	@return mix(#ffffff, $color, $percentage);
}

// 加深
@function shade($color, $percentage) {
	@return mix(#000000, $color, $percentage);
}
